<template>
    <div class="booksItem3">
        <img class="book-img" :src="books.src">
        <span class="bookname">{{ books.name }}</span>
        <span class="writer">{{ books.master }}</span>
    </div>
</template>

<script>
    export default {
        props:['books']
    }
</script>

<style lang="scss" scoped>
.book-img{
    width: 70px;
    height: 102px;
}
.booksItem3{
    width: 75px;
    height: 150px;
    margin-right: 10px;
    margin-top: 0px;
    float:left;
}
.bookname{
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin: 5px 0;
    color: #666;
}
.writer{
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #ccc;
}
</style>